<template>
  <div class="code">
    <!-- 导航栏 -->
    <van-nav-bar
      title="会员码"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
    
    <div class="main">
      <van-empty>
        <div class="img">
          <img src="../assets/my/code.svg" />
        </div>
        <p class="van-empty__description">尚未开发</p>
      </van-empty>
    </div>
  </div>
</template>

<script>
export default {
  name: "Code",

  methods: {
    onClickLeft() {
      this.$router.push({ name: "My" });
    },
  },
};
</script>

<style lang="less" scoped>
// 导航栏
/deep/.van-nav-bar {
  position: fixed;
  width: 100%;
  top: 0;
  height: 40px;
}

/deep/.van-nav-bar__title {
  color: #37343b;
  font-weight: 600;
}

/deep/.van-nav-bar__text {
  color: #37343b;
  font-weight: 600;
}

/deep/.van-nav-bar .van-icon {
  color: #37343b;
}

.main {
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
}

.img {
  width: 200px;
  height: 200px;
  position: relative;
  left: 40px;
}

.img img {
  width: 200px;
  height: 200px;
}

/deep/.van-empty__image {
  display: none;
}

/deep/.van-empty__description {
  text-align: center;
  color: #37343b;
  position: relative;
  left: 30px;
}

/deep/.van-empty {
  position: relative;
  top: 90px;
}

/deep/.van-empty__bottom {
  position: relative;
  right: 34px;
}
</style>